<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
      <title>
         @{{ if .Data.Info.Name }}@
         @{{ .Data.Info.Name }}@
         @{{ end }}@
         @{{ if .Data.Info.Description }}@
         &nbsp;|&nbsp;
         @{{ .Data.Info.Description }}@
         @{{ end }}@
      </title>
      <!-- Bootstrap -->
      <style media="screen">
         @{{ .Assets.GithubMarkdownMinCSS | css }}@
         @{{ if (ne .Assets.ExtraCSS "") }}@
           @{{ .Assets.ExtraCSS | css }}@
         @{{ end }}@
      </style>
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
      <style>
         .markdown-body {
         box-sizing: border-box;
         min-width: 200px;
         max-width: 980px;
         margin: 0 auto;
         padding: 45px;
         }
         @media (max-width: 767px) {
         .markdown-body {
         padding: 15px;
         }
         }
      </style>
   </head>
   <body>
      <article class="markdown-body">
         @{{ .MarkdownHTML | html }}@
      </article>
   </body>
</html>
